<template>
  <view class="detail-container top">
	<view class="b">
		<view class="detail-title">标题:{{ detail.title }}</view>
		<!-- <image v-if="detail.image" :src="detail.image" mode="aspectFill" class="detail-image" /> -->
		<view class="detail-info">
			<view>发布人:xx广播</view>
		  <view>发布时间：{{ detail.createTime }}</view>
		  <view>审核状态：{{ detail.status }}</view>
		  <view>审核时间：{{ detail.createTime  }}</view>
		</view>
		<view class="detail-content">
		  <view>发布内容：</view>
		  <view>{{ detail.content }}</view>
		<!--    <view>图片</view> -->
		</view>
	</view>
   
  </view>
</template>

<script setup>
import { ref, onMounted } from 'vue';
import { onLoad } from '@dcloudio/uni-app';

const detail = ref({});

onLoad((options) => {
  if (options.item) {
    try {
      detail.value = JSON.parse(decodeURIComponent(options.item));
    } catch (e) {
      detail.value = {};
    }
  }
});
</script>

<style>
.detail-container {
  padding: 32rpx;
}
.detail-title {
  font-size: 36rpx;
  font-weight: bold;
  margin-bottom: 24rpx;
}
.detail-image {
  width: 100%;
  height: 300rpx;
  border-radius: 12rpx;
  margin-bottom: 24rpx;
}
.top {
		width: 100%;
		height: 400rpx;
		background-image: url(/static/xiao@3x.png);
		background-repeat: no-repeat;
		background-size: 100%;
	}
.detail-info {
  font-size: 26rpx;
  color: #888;
  margin-bottom: 24rpx;
}
.detail-content {
  font-size: 28rpx;
  color: #333;
}
.b{
	height: 800rpx;
   width: 690rpx;
	background-color: #fff;
	border-radius: 24rpx;

	
}
</style> 